<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>湖北省大学生人物评选</title>
	<link rel="stylesheet" href="__TMPL__Public/css/style.css">
	<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<div class="container">
		<header>
			<div class="theme">
				湖北省大学生
				<div class="sub-text">
					年度人物评选
				</div>
			</div>
		</header>
		<section>
			<div class="title">
				按照点赞数量排序
			</div>
			<div class="content">
				<div class="row">
					<foreach name="info" item="vo">
						<figure>
							 <!-- <a href="{:U('index/books',array('id'=>$vo['id']))}" class="J_ajax_put"> -->
							<a href="{:U('index/detail',array('id'=>$vo['id']))}" class="J_ajax_put">							
								<img src="{$vo.post_img}" alt="" class="show-pic"/>
							</a>
							<div class="vote-num" id="vote-nums">
							<input id="vote-num-state" value="1" style="display: none;"></input>
									<img class="praised" src="__TMPL__Public/images/praise.png" alt=""><span id="posts_like">{$vo.post_like}</span>
							</div>
							<figcaption> <a href="{:U('index/detail',array('id'=>$vo['id']))}" class="J_ajax_put">
								{$vo.post_school} <br>
								{$vo.post_name}</a>
							</figcaption>
							
						</figure>
					</foreach>
				</div>	
			</div>
		</section>
		<aside>
			<div class="aside-box">
				<div class="title">
					展示说明
				</div>	
				<div class="aside-content">
					<p>
						由中央宣传部、教育部、共青团中央、人民日报社共同指导，人民网、大学生杂志社、中国大学生在线和光明日报教育部联合主办的“第十二届中国大学生年度人物评选”活动于2017年3月启动，受到了全国各省（市）高校的高度重视及广泛参与，经过前期报名和专家投票评审过程，现评出200个入围事迹拟进入终审评选环节，现将评选结果进行网上展示，如有异议者，请向中国大学生年度人物评选活动组委会反映。公示时间为2017年4月21日17点——4月26日17点为期五天。 
					</p>
					<p>
						电话： 010-64871010
					</p>
				</div>
			</div>		
			<div class="aside-box">
				<div class="title">
					最新发布
				</div>	
				<div class="aside-content">
					<ul class="person-list">
						<foreach name="right" item="vo">
						<li>
							<span>
								<img style="float:left" src="{$vo.post_img}" alt="">{$vo.post_school}<br>{$vo.post_name}<br>
								{$vo.post_like}赞<br>
							</span>
							
						</li>
						</foreach>
					</ul>
				</div>
			</div>		
		</aside>
		<footer>
			Copyright © 2003-2017　中国大学生网 All rights reserved　　京ICP备05038611号　
		</footer>
	</div>
	<script type="text/javascript">
		var ks = document.getElementById('vote-nums');
		ks.onclick = function () {
			var states = document.getElementById('vote-num-state').value;
			$.ajax({
				//url:"{:U('index/like',array('id'=>$vo['id']))}",
				type:"GET",
				dataType:"json",
				//type: "get",
				url: "http://www.baidu.com",
				//data: {state: "states"},
				success: function () {
					var state =document.getElementById('vote-num-state').value;
					if (state == 1) {
						document.getElementById('vote-num-state').value = 0;
					}else{
						document.getElementById('vote-num-state').value = 1;
					}
					alert("点赞成功！");
				},
				error: function () {
					alert("点赞失败！");
				}
			});
		}
	</script>
</body>
</html>